<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		*{
			margin:0;
			padding: 0;
			
		}
		body{
			background-color: #008B8B;
		}
		  .m{
			background-color: #8A2BE2;
			border-color: #F0F8FF;
			border-width:10px ;
			border-style:double;
		}
		.n{
			background-color: #000000;
			
			border-width:10px ;
			border-style:dotted;
			border-color:#A52A2A;
		}
		.q{
			background-color: #DC143C;
			border-width:10px ;
			border-style:dashed;
			border-color:#A52A2A;
		}
		.f{
			background-color:burlywood;
		}
	</style>
	<body>
		<div  class="m">1</div>
		<div class="n">2</div>
		<div class="q">3</div>
		<div class="f">4</div>
		</body>
</html>
